<template>
  <div class="gongjutop">
    <div class="powertop">
      <router-link class="powertopli " to="/gongju/wuliu">物流轨迹查询</router-link>
      <router-link class="powertopli " to="/gongju/tupianshengcheng/zhutu" >商品图片生成</router-link>
      <router-link class="powertopli " to="/gongju/haomachongzhi" v-if="shopid == 304676 || shopid == 50481">号码充值</router-link>
      <router-link class="powertopli " to="/gongju/net" v-if="shopid == 304676 || shopid == 50481" >在网及余额查询</router-link>
      <router-link class="powertopli " to="/gongju/dingdan" v-if="shopid == 304676 || shopid == 50481" >订单重复查询</router-link>
      <router-link class="powertopli " to="/gongju/shanghao"  >自动上号号池管理</router-link>
      <router-link class="powertopli " to="/gongju/shanghaolianjie"  >自动上号链接管理</router-link>
      <router-link class="powertopli " to="/gongju/erci"  v-if="shopid == 304676 || shopid == 50481" >二次引导下单</router-link>
      <!-- <router-link class="powertopli " to="/gongju/shaixuandingdan" v-if="shopid == 304676 || shopid == 50481" >筛选订单</router-link> -->
      <router-link class="powertopli " to="/gongju/yundan/huichuanshangpin" v-if="shopid == 388524 || shopid == 50481" >运单号回传</router-link>
      <!-- <router-link class="powertopli " to="/gongju/haoma/banlichanpin" v-if="shopid == 304676 || shopid == 50481" >号码业务自动办理</router-link> -->

      <router-link class="powertopli " to="/gongju/ziyouqudao" v-if="shopid == 304676 || shopid == 50481" >自有渠道订单</router-link>
    </div>
  </div>
</template>

<script>
  import axios from 'axios'
  export default {
    name: "gongjutop",
    data() {
      return {
        shopid:''
      }
    },
    created() {
			this.shopid = JSON.parse(localStorage.getItem('SHOP')).shop_id;
    },
    mounted() {

    },
    methods: {


    }
  }
</script>

<style lang="scss" scoped>
  @import "@/assets/zuixin.scss";
  .gongjutop {
    .powertop {
    	display: flex;
    	background:#f9f9f9;
      padding-top: 3px;
    }
    .powertopli {
    	flex-basis: 160px;
    	line-height: 50px;
    	// border-bottom: 3px #F9F9F9 solid;
    	color: #727272;
    	border-right: 1px #F9F9F9 solid;
    	font-size: 16px;
    	text-align: center;
      border-radius: 3px 3px 0 0;
    }
    .router-link-active { position: relative; color: #2974FF !important; background: #fff !important;
          &::after{
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -15px;
            height: 3px;
            width: 30px; border-radius: 5px;
            background: #2974FF;
            border-radius: 2px;
          }
    }
  }
</style>
